{extend name="../app/index/view/layout/main.html" /}
//网站标题
{block name="title"}<title>工具列表 - {$meta.appname}</title>{/block}

//css资源
{block name="link"}
<!-- 第三方库css -->
<link rel="stylesheet" href="__STATIC__/lib/layui/css/layui.css">
<link rel="stylesheet" href="__STATIC__/lib/swiper/css/swiper.css">

<!-- 自定义css -->
<link rel="stylesheet" href="__INDEX_STATIC__/css/common.css">
<link rel="stylesheet" href="__INDEX_STATIC__/css/app.css">
<style>
  .footer{
    position: fixed;
    width: 100%;
    bottom:0;
  }
</style>
{/block}

//js资源
{block name="script"}
<script src="__STATIC__/lib/layui/layui.js"></script>
<script src="__INDEX_STATIC__/js/config.js"></script>
<script>
    'use strict';
    layui.use(['layer', 'jquery', 'nav'], function(){
        let layer = layui.layer
            ,$ = layui.jquery;

    });
</script>
{/block}

//body
{block name="body"}
<!-- body -->
<section class="body top-25">
  <div class="layui-container">
    <div class=" block">
      <div class="block-header flex-def flex-zBetween">
        <h2>
          <i class="layui-icon layui-icon-util best-icon"></i>
          常用工具
        </h2>
      </div>

      <!-- tags -->
      <ul class="top-25">

        <li>
          <div class="layui-card">
            <div class="layui-card-header">
              <a href="{:url('ipTool')}" style="font-size: 22px;">IP所在地查询</a>
            </div>
            <div class="layui-card-body">
              此工具基于纯真 IP 库，并且把非结构化的数据结构化。<br>
              一旦识别了 IP，都可以显示国家。国内 ip 都能识别出省，基本可以识别出市、运营商，有部分能识别出县，以及公司小区学校网吧等信息。
            </div>
          </div>
          <hr class="layui-bg-gray">
        </li>

      </ul>
    </div>
  </div>
</section>
{/block}